/* 
* File Name: customsubsite.css
* Contains: Header & Footer custom CSS 
* Ver: 1.0
* Applies to: Header.php, files in  wp-content/includes/header & wp-content/includes/footer
* Author: Br. Saket
* Upto Ver:1.0 of theme bhavnagar_subsite
*/

/* HEADER FORM FIELDS */

    /* Search Form */
    #branding #searchform 
    {
        position: absolute;
        top: 3.8em;
        right: 7.6%;
        text-align: right;
    }
    #branding #searchform div 
    {
        margin: 0;
    }
    #branding #s 
    {
        float: right;
        -webkit-transition-duration: 400ms;
        -webkit-transition-property: width, background;
        -webkit-transition-timing-function: ease;
        -moz-transition-duration: 400ms;
        -moz-transition-property: width, background;
        -moz-transition-timing-function: ease;
        -o-transition-duration: 400ms;
        -o-transition-property: width, background;
        -o-transition-timing-function: ease;
        width: 72px;
    }
    #branding #s:focus 
    {
        background-color: #f9f9f9;
        width: 196px;
    }
    #branding #searchsubmit 
    {
        display: none;
    }
    #branding .only-search #searchform 
    {
        top: 5px;
        z-index: 1;
    }
    #branding .only-search #s 
    {
        background-color: #666;
        border-color: #000;
        color: #222;
    }
    #branding .only-search #s,
    #branding .only-search #s:focus 
    {
        width: 85%;
    }
    #branding .only-search #s:focus 
    {
        background-color: #bbb;
    }

    #branding .with-image #searchform 
    {
        top: auto;
        bottom: -27px;
        max-width: 195px;
    }
    #branding .only-search + #access div 
    {
        padding-right: 205px;
    }
   
   /* Lightbox panels for login css*/

	#login-form 
	{ 
		display: block;
	}
	#signin 
	{
		display: inline-block;font-size: 14px;
	}

	#lightbox 
	{
		display:none;
		opacity:0.9;
		filter:alpha(opacity=90);
		position:absolute;
	}

	#lightbox-panel, .lightbox-panel
	{
		display:none;
		position:absolute;
		top:182px;
		left:12%;
		width:750px;
		height:340px;
		padding:10px 15px 10px 15px;
		z-index:1000001;
		background-color: #FFFFFF;
		-webkit-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
	}

	#close-panel , #close-signin
	{ 
		display: inline-block;
		position: relative;
		top: 30px;
		float: right;
		margin-right: 10px; 
		font-weight:600; 
	}    

 /* =Menu (style used is GCMW global site)
            -------------------------------------------------------------- */
    /* top menu css */
    .wrapper
    {
      width:100%;
      margin:auto;
      height:inherit;
    }
    #access 
    {
      background: #145782; /* Show a solid color for older browsers */
      background: -moz-linear-gradient(#145782, #145782);
      background: -o-linear-gradient(#145782, #145782);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#145782), to(#145782)); /* older webkit syntax */
      background: -webkit-linear-gradient(#145782, #145782);
      -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
      -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
      box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
      clear: both;
      display: block;
    /*  float: left;  */
      margin: 0 auto 0px;
            height:65px;
           width: 99.5%;              
            border: 2px solid #fff;
    }
    #access ul 
    {
      font-size: 13px;
      list-style: none;
      margin: 0 0 0 0.8125em;
      padding-left: 0;
    }
    #access li {
      background: url("/wp-content/uploads/2012/09/pipe.png") no-repeat scroll right top transparent;
      float: left;
      font-size: 20px;
      margin-right: 0;
      margin-top: 2px;
      position: relative;
      text-align:center;
    }
    #access li:last-child {background: none repeat scroll 0 0 transparent;}
    #access a {
      color: #eee;
      border: 1px solid transparent; 
      display: block;
      line-height: 2.333em;
      padding: 0 0px;
      text-decoration: none;
      margin:0 0px;
      /*font-family: Cantarell;*/
     /* width:160px;*/
    }

    #access .sub-menu li {
      background:none;
    }

    #access ul ul {
      display: none;
      float: left;
      margin: 0;
      position: absolute;
      top: 3.333em;
      left: 0;
     /* width: 188px;*/
      z-index: 99999;
      padding-top: 10px;
      
    }

    #access ul ul ul {
      left: 100%;
      top: 0;
      
    }
    #access ul ul a {
      background: #AAC8E2;
      background: -moz-linear-gradient(#AAC8E2, #AAC8E2);
      background: -o-linear-gradient(#AAC8E2, #AAC8E2);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAC8E2), to(#AAC8E2));
      background: -webkit-linear-gradient(#AAC8E2, #AAC8E2);
      border: 1px solid #fff;
      color: #557699;
      font-size: 19px;
      font-weight: normal;
      height: auto;
      line-height: 1.4em;
      padding: 3px 5px;
      /*width: 150px;*/
      
    }
    #access ul ul #menu-item-1544 a {
      /*width:122px;*/
    }
    #access ul ul #menu-item-1545 a {
      /*width:122px;*/
    }

    #access li:hover > a,
    #access ul ul :hover > a,
    #access a:focus {
      /*background: #fff;*/

    }
    #access li:hover > a,
    #access a:focus {
      background: #fff; /* Show a solid color for older browsers */
      background: -moz-linear-gradient(#aac8e2, #aac8e2);
      background: -o-linear-gradient(#aac8e2, #aac8e2);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aac8e2), to(#aac8e2)); /* Older webkit syntax */
      background: -webkit-linear-gradient(#aac8e2, #aac8e2);
      color: #145782;
            border: 1px solid #FFF;
            
    }
    /*#access ul li:hover > ul {
      display: block;
    }*/
    #access .current-menu-item > a,
    #access .current-menu-ancestor > a,
    #access .current_page_item > a,
    #access .current_page_ancestor > a {
      background: #AAC8E2;
      background: -moz-linear-gradient(#AAC8E2, #AAC8E2);
      background: -o-linear-gradient(#AAC8E2, #AAC8E2);
      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAC8E2), to(#AAC8E2));
      background: -webkit-linear-gradient(#AAC8E2, #AAC8E2);
      color: #145782;
      /*border: 1px solid white;*/
    }
    #menu-item-438  .sub-menu, #menu-item-3887  .sub-menu,  #menu-item-3888,  .sub-menu,  #menu-item-3889 .submenu{

      /*background-image: url('/wp-content/uploads/2013/03/top-blue-arrow.png');*/
      background-repeat: no-repeat;
      background-position: 30px 7px;              

    }  
	/* -- secondary menu --*/
    
  	/* --secondary menu  css --*/
    .new_menu_items_bottom
    {
      height:60px;
      width:100%;
    }
    .new_menu_items_bottom a:hover
    {
      color:#FFFFFF;
    }

    .new_menu_items_bottom_left
    {
      height:56px;
      width:100%;
      background-color:#CCC;
      float:left;
      border-bottom-left-radius:10px;
      -webkit-border-bottom-left-radius:10px;
      -moz-border-bottom-left-radius:10px;
      -o-border-bottom-left-radius:10px;
      -ms-border-bottom-left-radius:10px;

    }

    .new_menu_items_bottom_left_menuitems
    {
      padding:5px 22.2px;
      line-height:22px;
      float:left;
      font-size:13px;
      color:#333;
    }

    .new_menu_items_bottom_left_menuitems:hover
    { 
      background: rgb(153,153,153); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(153,153,153,1) 2%, rgba(183,183,183,1) 56%, rgba(217,217,217,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(153,153,153,1)), color-stop(56%,rgba(183,183,183,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
    }

    .new_menu_items_bottom_right
    {
      height:80px;
      width:27%;
        padding-left: 5%;
      float:right;
      border-bottom-left-radius:11px;
      -webkit-border-bottom-left-radius:11px;
      -moz-border-bottom-left-radius:11px;
      -ms-border-bottom-left-radius:11px;
      -o-border-bottom-left-radius:11px;
      border-bottom-right-radius:10px;
      -webkit-border-bottom-right-radius:10px;
      -moz-border-bottom-right-radius:10px;
      -o-border-bottom-right-radius:10px;
      -ms-border-bottom-right-radius:10px;
        /*only change the background-image. it should be in subsite or global site mages folder  */
        background-image: url("http://www.chinmayamission.com/wp-content/themes/bhavnagar_subsite/images/img4.png");
        /*background-image: url("http://www.chinmayamission.com/wp-content/themes/bhavnagar_subsite/images/img5_bhavnagar.png");*/
        background-size: cover;
    }

    .new_menu_icon
    {
        height:35px;
        width:35px;
        float:left;
        margin-top:20px;
        margin-left:5px;
        background-color:#09C;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -ms-border-radius:5px;
        overflow:hidden;
    }

  /* menu panel container */
    .menu-top 
    {
        /* Show a solid color for older browsers */
        clear: both;
        display:inline-block;
        float:left;
        height:55px; 
        width: 730px;
        position: relative;
        margin-left: 0px;
        vertical-align:top;
    }

    .social_media
    {
      display:inline-block;
      vertical-align:top;
      margin-right:55px;
      margin-left:48px;
      margin-top:15px;
    }

    .menu-top ul 
    {
      font-size: 13px;
      list-style: none;
      margin-left:0px;
    }

    .menu-top li 
    {
      float: left;
      position: relative;
      margin-top: 0px;
      font-size:12px;
    }
    .menu-top a 
    {

        color: #053757!important;
        display: block;
        padding: 5px 10px;
        height:41px;
        text-decoration: none;
        width:80px;
        font-size:14px;
        line-height:21px;
        text-align:left;
    }

    .menu-top a:hover {color: #fff;}

    .menu-top ul li a:hover 
    {
      /* color: #185995; */
    }
    .menu ul ul 
    {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        left: 0;
        width: auto;
        z-index: 99999;
    }
    .menu-top ul ul ul 
    {
        left: 100%;
        top: 0;
}
    .menu-top ul ul a 
    {
        color: #003e65;
        font-weight: normal;
        height: auto;
    }

    .centre-padding 
    {
         padding:5px;
         color: #003e65;
         float: left;
         font-weight: normal;
         width:auto;
    }

    .children li a:hover
     {
          background:none !important;
    }

    .menu-top ul li:hover > a,
    .menu-top ul li a:focus 
    {
      /*  background: #efefef;  */
      /*color: #fff;*/
         background: rgb(153,153,153); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(153,153,153,1) 2%, rgba(183,183,183,1) 56%, rgba(217,217,217,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(153,153,153,1)), color-stop(56%,rgba(183,183,183,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(153,153,153,1) 2%,rgba(183,183,183,1) 56%,rgba(217,217,217,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom, rgba(217,217,217,1) 2%,rgba(217,217,217,1) 56%,rgba(217,217,217,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
    }
    /* menu items of secondary menu */

    .children ul li:hover > a, .menu-top ul li a:focus {}

    .children li a{ padding: 4px 0px; }

    .children li:hover > a, .children ul ul :hover > a, .children a:focus {
    color: #000;
    font-weight: bold;
    width: 200px!important;
    }

    #access2 li:hover > a,
    #access2 a:focus {
            color: #fff;
      width: 78px;
    }
    .menu-top ul li:hover > ul {
            display: block;
      color: #fff;

    }

    #access2 .current-menu-item > a,
    #access2 .current-menu-ancestor > a,
    #access2 .current_page_item > a,
    #access2 .current_page_ancestor > a 
    {
      color: white;
    }


    .children a 
    {  
      width: 187px; padding: 3px 7px; }

    .children 
    {
      display: none;
      position: absolute;
      top: 51px;
      left: 0;
      float: left;
      z-index: 2;
      font-size: 14px;
      width: 230px;
    }

    .page-item-766 ul
    {
      background: url('/wp-content/themes/GCMW/images/border-bg.png') left top no-repeat;
      padding-left: 20px;
      padding-top: 12px;
      padding-bottom: 20px;
      padding-right: 44px;
    }

    .page-item-969 ul
    {
      background: url('/wp-content/themes/GCMW/images/border_bg2.png') no-repeat;
      padding-left: 20px;
      padding-top: 12px;
      padding-bottom: 20px;
      padding-right: 44px;
    }

    .page-item-989 ul
    {
      background: url('/wp-content/themes/GCMW/images/border_bg3.png') no-repeat;
      padding-left: 20px;
      padding-top: 12px;
      padding-bottom: 20px;
      padding-right: 72px;
    }

    .children li:first-child {
    border: none;
    }

    .page-item-766 > ul  {
    width: 460px;
    height: auto;
    min-height: 117px;
    /* background-position :362px 17px; */
    }

    .page-item-766 ul > li {
    margin-left: 5px;
    width: 170px;
    /* float: none; */
    border-top: 1px solid #bbb4b4;
    box-shadow: 0 4px 2px -2px #f0f1f2;
    /*width: 200px;*/
    }

    .page-item-766 ul > li:nth-child(2) {
    border:none;
    }

    .page-item-969 ul > li {
    margin-left: 5px;
    width: 150px;
    /* float: none; */
    border-top: 1px solid #bbb4b4;
    box-shadow: 0 4px 2px -2px #f0f1f2;
    margin-right:10px;
    }

    .page-item-969 ul > li:nth-child(2) {
    border:none;}

    .page-item-766 ul > li:nth-child(5), .page-item-766 ul > li:nth-child(6),.page-item-969 ul > li:nth-child(5), .page-item-969 ul > li:nth-child(6),.page-item-989 ul > li:nth-child(4) {
    box-shadow: none;
    }

    .page-item-969 > ul  {
    /*background-position :355px 11px;*/
    width: 400px;
    }
    .page-item-989 ul > li {
    margin-left: 5px;
    width: 124px;
    float: none;
    border-top: 1px solid #bbb4b4;
    box-shadow: 0 4px 2px -2px #f0f1f2;
    }

    .page-item-989 > ul  {
    width: 200px;
    /*background-position: 136px 25px;*/
    }
    /* ----- secondary menu ends -- */
 /* Footer starts here */
   /*footer Nav, add & image Css here */
      
      .address{
          display:inline-block;
          float:left;
          vertical-align:top;
            width:275px;
          /*  height:300px;*/
            margin-top:42px;
          /*  margin-left:55px;*/
            color:#fff;
          margin-left:0px;
            font-size:12px;
            text-align: left;
            margin-bottom:20px;
        }
      .address p{
            line-height:18px; margin-bottom: 0px; 
          }

      .footer_image{
        

        vertical-align:top;

        display:inline-block;
        width:225px;
        top:-9px;
        position:relative;
        }

     .footer-nav-1 { margin-top: 42px;text-align:center; display:none;}

   	 .footer-nav-1 img {
         }
      /*footer menu css here */
        .footernav{
            max-width: 500px;
            float:left;
            margin-top:16px;
        }
	 .footer-nav {
          display: block;
          margin-left: 10px;
          margin-bottom:10px;
          margin:top:-5px;

        }
     .footer-nav > li {
          display: inline-block;
          /*float: left;
          margin-right: 28px; */
          padding-left: 12px;
          padding-right: 19px;
          border-right: 1px solid white;
          line-height: 14px;
          width:85px;
          text-align:center;

        }
     .footer-nav > li.last-item{
          display:inline-block;
          padding:left;
          padding-right: 10px;
          border-right:none!important;

        }

     .footer-nav > li: first-child {
        padding-left: 0px;
        }
     .footer-nav > li > a{
          color:#fff;
          text-decoration:none;
          font-size:14px;
        }       

	 .trial 
	    {
	      display: inline-block;
	      list-style: none;
	      width: 88px;
	      line-height:15px;
	      margin-left: -7px;
	      vertical-align:top;
	      margin-top:0px;
	      margin-right:23px;
	      text-align: left;
	    }

	 .trial-1 {
	    display: inline-block;
	    list-style: none;
	    width: 150px;
	    line-height:15px;
	    margin-left: 21px;
	    margin-top:0px;
	    text-align: left;
	    }

	 .trial > li > a{
	        color:#fff;
	        text-decoration:none;
	        font-size:12px;
	    }
	 .trial > li:first-child {
	      font-weight:600;
	      font-size:13px;
	      line-height: 30px;
	      width: 90px;
	    }

	 .trial-1 > li > a{
	        color:#fff;
	        text-decoration:none;
	        font-size:12px;
	    }
	 .trial-1 > li:first-child {
	            font-weight:600;
	            font-size:13px;
	            line-height: 30px;
	    }
	/* bcc navigation --*/

	/*this is bcc block */
	  #navigationMenu li
	  {
	    list-style: none;
	    height: 40px;
	    width: 38px;
	    float: right;
	    padding-top: 35px;
	    padding-bottom: 2px;
	    padding-left: 0px;
	  }

	  /* this is for BCC */
	  #navigationMenu span
	  {
	    /* Container properties */
	    width: 0;
	    padding: 0;
	    position: absolute;
	    overflow: hidden;

	    /* Text properties */
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    letter-spacing: 0.6px;
	    background-color: #145782;

	    /*white-space: nowrap;*/
	    line-height: 38px;

	    /* CSS3 Transition: */
	    -webkit-transition: 0.25s;

	    /* Future proofing (these do not work yet): */
	    -moz-transition: 0.25s;
	    transition: 0.25s;
	    right: 37px;
	    top: 0px;
	    text-decoration: none;
	    -webkit-border-radius: 5px 0px 0px 5px;
	    border-radius: 5px 0px 0px 5px;
	  }

	  #navigationMenu a
	  {
	    height: 39px;
	    width: 40px;
	    display: block;
	    position: fixed;
	    top: 5%;
	    right: 0px;
	    z-index: 1000;
	    background-image: url('/wp-content/themes/GCMW/images/navigation.png');
	    background-repeat: no-repeat;
	    color: #FFF;
	  }

	  /* General hover styles */

	  #navigationMenu a:hover span
	  { 
	    width:auto; 
	    padding:0 20px;
	    overflow:visible; 
	  }

	  #navigationMenu a:hover
	  {
	    text-decoration:none;
	    
	    /* CSS outer glow with the box-shadow property 
	    -moz-box-shadow:0 0 5px #9ddff5;
	    -webkit-box-shadow:0 0 5px #9ddff5;
	    box-shadow:0 0 5px #9ddff5;*/
	  }

	  /* Green Button */

	  #navigationMenu .home 
	  {
	   background-position:0 0;
	  }
	  #navigationMenu .home:hover 
	  { 
	    background-position:0 -39px;
	  }
	  #navigationMenu .is_home span
	  {
	    background-color: #abd7f4;
	    color: #3d4f0c;
	    text-shadow: 0px 0px 0 #99bf31;
	  }

/* WE RECOMMEND */
  #slideout_ss
  {
      background: #296890; /*#4E9AA6*/
      opacity:0.9;
      position:fixed;
      width: 300px;
      min-height: 252px;
      top: 20%;
      right:-260px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      z-index: 1000;
   /*  overflow-y:scroll; */

  }
   
  #containclickme_ss
  {
      height: 250px;
      width:40px;
      float:left;
      background-color: transparent;
  }

  #clickme_ss 
  {
      float:left;
      height: 248px;
      width: 40px;
      background: #0E4C73; /*#004D57*/
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      border: 2px solid #29709D;
  }

  #clickme_ss:hover 
  {
    cursor: pointer;
  }

  #slidecontent_ss 
  {
      display:inline-block;
      width:250px;
      float:right;
  }

  #clickme_ss p 
  {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
     -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
     -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
     filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
     color:#ffffff;
     font-size: 23px;
     margin-top: 182px;
  }

   #slidecontent_ss a 
   {
      color:#fff;
      font-size:14px;
      font-weight: bold;
      text-decoration: none;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      width: 50px;
   }

  #slidecontent_ss a:hover
  {
      color:#fff;
      text-decoration: none;
      list-style-type: square;
  }

  #slidecontent_ss li 
  {
      line-height: 50px;
      margin-right: 28px;

  }
/*tabs for switching between global & local -- change colors for subsite here */

  /*--- customisation here  -----*/
  .tab-main{
  width: 100%;
  height: auto;
  display: flex;
  }
.tab-main-gray {
  background-color: #d8d8d8;
  -webkit-border-radius: 45px 350px 0 0;
  border-radius: 45px 350px 0 0;
  height:44px;
  font-family:Abel;
  font-size:27px;
  color:#1f3b58;
  padding-left:8px;
  width: 55%;
  float: left;
  position: relative;
  z-index: 1;
  }
.tab-main-blue {
  background-color: #aac8e2;
  -webkit-border-radius: 45px 350px 0 0;
  border-radius: 45px 350px 0 0;
  height:44px;
  font-family:Abel;
  font-size:27px;
  color:#1f3b58;
  padding-left:8px;
  width: 55%;
  float: left;
  position: relative;
/*margin-left: -10px;*/
z-index: 0;
}
/* ^ss^ change font proerties of header here */

.header-title 
{
  font-family: 'Open Sans', arial, serif; 
  font-weight:600; 
  text-transform: uppercase; 
  color:#253f64; /* #663A21 change this colour */
}
/*^ss^ change header fonts here */
.header-title{
width:555px;
font-size: 28px;
position: absolute;
margin-top: 55px;
z-index: 9999;
margin-left: 260px;
}
.header-title2 {
        font-size: 14px;
position: absolute;
margin-top: 68px;
z-index: 99999;
margin-left: 199px;
}
/*^ss^ change colour as required */

input.search-field {
    margin: 10px;
}

.lats-new h3
{
    font-family: Open Sans;
    color: #004B88;
    font-size: 16px;
}
/* ^ss^ Announcement box change as required*/
.top_news
{ 
  background-image: url('/wp-content/themes/gcmw_subsite/images/announcment.jpg'); 
  background-repeat: no-repeat;
  display: inline-block;
  height: 52px;
  width: 155px;
  margin-left: -3%; 
  text-align: center;
  font-size: 18px;
  margin-top: -2px;
}
.top_news p, .top_news div
{
  line-height: 48px;
  
}

.news_ticker{
    background-color: #e3e2e0;
    border:solid #e3e2e0  2px;
      display: flex;
      height: 48px;
      position: relative;
      vertical-align: bottom;
      width: 580px;
     
  }

#ticker {
  height: 48px;
  overflow: hidden;
  padding-top: 13px;
  z-index: 1;
  margin-top: 96px;

}


#ticker li a {
  color:#021d3a !important;
     font-weight: bold;
     font-family: 'Open Sans', Arial, sans-serif ;
    font-size: 12px;
    text-overflow:ellipsis;
    max-width: 550px;

}
#ticker li {
    height: 48px;    
}



.announcement-scroller .announcement-title,
.announcement-scroller ul {
    line-height: 48px; /* Height of the news ticker, with text vertically centered */
}

.main-navigation {
  margin-top: 48px; /* This should equal the height of the news ticker (48px, set above) */
}

.announcement-scroller {
  /*background: #eee;*/ /* Light gray to constrast white background color of navigation bar below */
  max-width: 100%; /* Not necessary for all themes. This overrides a responsive Owari style */
  overflow: hidden; /* Make sure scrolling text is not visible outside the container */
  position: absolute; /* Absolute positioning breaks this out of the flow of the layout */
  top: -96px; /* This is the sum of the height of the news ticker (48px) and the height of the navigation bar below (48px) */
  left: 0; /* Make sure the ticker starts at the far left */
  /*width: 100%;*/ /* Make sure the ticker spans the entire width of the container */
  padding-left: 150px;
  text-align:left;
}

.announcement-scroller .announcement-title {
    background: #ed232a; /* Red background */
    color: #fff; /* White text */
    margin: 0; /* Reset normal Owari widget title style */
    letter-spacing: 2px; /* Optional */
    padding: 0 12px;  /* Add padding to the left and right */
    position: absolute; /* Make sure this doesn't get in the way of the scrolling list of links */
    z-index: 1; /* Make sure this displays above the scrolling list of links */
}

.announcement-scroller .announcement-title,
.announcement-scroller ul,
.announcement-scroller li {
  display: inline-block; /* Makes sure everything in the formerly vertical widget is now horizontal */
  text-align: left;
}

.announcement-scroller ul {
  white-space: nowrap; /* Make sure latest news links display on one line */
  width: 100%; /* Make sure the latest news links span the full width of the container */
}

.announcement-scroller li {
  padding-right: 1em; /* Add space to the right of each latest news item */
}

.announcement-scroller a {
  color: inherit !important;/*#000000 */ /* Make the links black */
  
}


.fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.fadein {
    opacity: 0.8;
}

/*^ss^ change colour as required */
.lats-new h3
{
    font-family: Open Sans;
    color: #004B88;
    font-size: 16px;
}
/*^ss^ change colour and background of ribbons here */
.ribbon-front {
    width: 42px;
    height: 46px;
    margin-left: -27px;
    display: inline-block;
    margin-right: -6px;
}

.ribbon3 {
    background-color: #BCBCBC;
    color: #1F3B58;
    display: inline-block;
    height: 44px;
    padding-top: 2px;
    padding-left:18px;
    text-align: left;
    vertical-align: top;
    width: 253px;
}


.ribbon {
    background-color: #DCEBF7 !important; /*#F0EBDA*/
    color: #1f3b58 ;/*#7E150B */
    display: inline-block;
    height: 44px;
    padding-top: 2px;
    text-align: center;
    vertical-align: top;
    width: 677px;
    font-family: 'Open Sans', arial, serif;
    font-size: 14px !important; 
}
.ribbon-home {
    background-color: #DCEBF7 !important; /*#F0EBDA*/
    font-size:17px;
    height: 36px;
    padding-top: 10px;
    color:#1f3b58;
    width:806px;
    display: inline-block;
    vertical-align: top;
    text-align:center;
}


/* this is for ribbon instead of announcement box 
    .ribbon2{
    background-image: url('/wp-content/uploads/2012/09/ribbon.png');
    font-size: 16px;
    height: 48px;
    width: 503px;
    color: #1F3B58;
    }
*/

.ribbon-back {
    width: 42px;
    height: 46px;
    display: inline-block;margin-left: -6px;

}

/*^ss^ change the footer background colour and other things */
#site-generator {
  background: #145782;
  /*background-color : #004E58;*/
  border-top: 1px solid #DDD;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  color: #fff;
  font-size: 10px;
  /*line-height: 2.2em;*/
/*  padding: 2.2em 0.5em;*/
  /*text-align: center;*/
  height:231px;
  padding-top:5px;
}
#site-generator a {
  color: #fff;
}
#site-generator .sep {
  background: url(images/wordpress.png) center left no-repeat;
  color: transparent;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin: 0 7px;
  width: 16px;
}
/*^ss^ change the body fonts, colours  here */
body, input, textarea {
  color: #373737; /*#1F3B58;*/
  font-weight: 300;
/*  line-height: 1.625;*/
  line-height: 20px;
}
#page {
  //background: #145782;
  moz-box-shadow: 0 0 5px 5px #68a3ce;
  -webkit-box-shadow: 0 0 5px 5px #68a3ce;
  box-shadow: 0 0 5px 5px #68a3ce;
}
#signin-text{
  text-align:right;
  padding-right:85px;
  padding-top:18px;
}

.read-more{
  color: #ff7a1e; 
  font-weight: bold;
  font-size: 12px;
}

input[type="submit"] {
    background-color: #BCBCC8 ;
  }


.gsc-overflow-hidden {
overflow: auto;
}
.gsc-results-wrapper-overlay {
    -moz-transition: all 0.25s linear 0s;
    background: none repeat scroll 0 0 white;
    border: medium none;
    border-collapse: separate;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    height: 70%;
    left: 13%;
    margin: auto;
    opacity: 0;
    overflow: auto;
    padding: 34px;
    position: fixed !important;
    top: 19%;
    visibility: hidden;
    width: 69%;
    z-index: 100002;
}
.search_field {
    display: inline-block;
   /* border: 0px inset #ccc;*/
    height: 21px;
    text-align: right;
    vertical-align: bottom;
}

.search_field input {
   /* border: -moz-bg-inset;
    padding: 0;
    border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #999999; */
    float: right;
    height: 22px;
    width: 140px;
    margin-right: 12px;
    margin-top: -1px;
    box-shadow: 0 4px 15px 0 #FFFFFF inset;
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
  box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75);
}


.btn{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    border : none;
    background: none;
    margin-left: 131px;
    margin-top: -10px;
  }
  .forget_password{
    display: inline-block;
    /*margin-top: -85px;*/
    margin-left: 70px;
  }
  .synved-social-button {
    /*margin-left: -4px;*/
  }

  #addthiswrapper{
    margin-left: 5px;
    float:right;
  }
 img#addthisimage{
    max-height: 32px;
  }
  .addthis_button_compact{
    /*display: inherit;
    vertical-align: top;
    margin-top: -10px;*/
    float: right;
    display: inline-block;
    z-index:10;
    margin-top:-6px;
    margin-left:6px;
  }
  svg.at-icon-addthis{
    height:24px;
    width:24px;
  }

/* Common styles */  
hr.style-one { 
  border: 0; 
  height: 1px; 
  background: #333; 
  background-image: linear-gradient(to right, #ccc, #333, #ccc); 
}
hr.style-two { 
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
   }

.last-row{

  display: inherit; 
  width:94%; 
  padding-top: 10px; 
  background-color: #FFFFFF;
  padding : 25px; 
  min-height: 310px;
}

/* Our Centre Custom Page */
.mission-box{

  border:2px solid #ffffff;
  /*background-color:#e8e5df;*/
  width: 782px;
  height: 124px;
  margin-left: 54px;
  padding-right:25px;
  font-size:26px;
  font-family:Abel;
  background-color:rgba(224,231,236,0.7);
 
   /*-moz-box-shadow:    inset 0 0 3px #000000;
   -webkit-box-shadow: inset 0 0 3px #000000;
   box-shadow:         inset 0 0 3px #000000;
   */
}  

.mission-box-heading{

  margin-left: 320px;
  padding-top: 17px;
  z-index:10;
  opacity:1 !important;
}
.mission-box-content{
 
 font-size:15px;
 padding-left: 25px;
 z-index:10;
 font-family: 'Times New Roman';
 opacity:1 !important;
}
#our-centre-sidebar{
 /*margin-top: -888px;*/
 margin-top:-20px;
 margin-left: 3%;
 
 float:left;
 width:32%;
}
.our-center-sidebar-contents{
  max-width:230px;
  overflow:hidden;
}
.our-center-wrapper{
  width: 100%;
}
.our-centre-content {
          margin-top:0px;          
            float: left;
            overflow-x:hidden;
            overflow-y:auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            min-height: 500px !important;            
            width: 65%;
            /*background-color:white;*/
            background: rgba(255,255,255,1);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.51) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(41%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0.21)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
            text-align:justify;
            padding:10px 10px 10px 10px; 
            font-family: inherit;
            font-size: 15px;
        }

        /* @@ Delhi facilities page*/
        .button {
            background-color: #4CAF50 !important;
            border: none !important;
            color: white !important;
            padding: 15px 32px !important;
            display: inline-block !important;
            font-size: 16px !important;
            margin-top: 30px !important;
            border-radius: 3px !important;
        }

        .div1 {
            width: 325px !important;
            height: 170px !important;
            border: 1px solid #ddd !important;
            float: right !important;
            margin: 0px 0px 18px 18px !important;
            border-radius: 3px !important;
            text-align: center !important;
        }
        /*End for facilities*/
        .our-centre-content-delhi {
             margin-top:0px;          
            float: left;
            overflow-x:hidden;
            overflow-y:auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            min-height: 500px !important;            
            width: 100%;
            /*background-color:white;*/
            background: rgba(255,255,255,1);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.51) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(41%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,0.21)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 41%, rgba(255,255,255,0.21) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
            text-align:justify;
            padding:10px 10px 10px 10px; 
            font-family: inherit;
            font-size: 15px;          
            
        }
    .our-centre-body{
        font-family:'Open Sans',arial;
        font-size:14px;
        color:#373737; /*#1F3B58*/ /*8c8c8c*/
       /* overflow:auto;*/
        }

  #our-centre-featured-image{
    /*width:100%;*/
    border:solid 2px white;
    margin-top: 20px;
    max-width: 286px;
  }
 .our-centre-third-row
 {
    margin-top:35px;
    background-color:#ffffff;    
    
    margin-left:0px;
    margin-right:0px;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px; 
    opacity:1;
    min-height:340px;
    

 }
 .contact-us-box{
  width:315px;
  margin:0px 13px;

 }
 .contact-us-box-content
 {
  border:solid #c8c8c8 1px;  
  height:280px;
  
  
 }
 .contact-us-box-text{
  
  font-size: 14px;
  line-height: 20px;
  margin: 10px 20px 10px 20px;

 }
#snaps-div{
    height:280px;
    width:280px; 
    margin-top:0px

}

#snaps-div img{
  min-height: 280px;
}
 /* Our acharya page */
.our_acharya_image
 {
    float:left; 
    margin:5px 10px 5px 0px; 
    width:118px;
    padding:2px; 
    border:solid Lightgray 1px
  }

.our-acharya-content ,.subsite-allevent-content
{
  color:inherit;
  font-size:14px ;
  font-family:'Open Sans';
  text-align:justify;
}
.our-acharya-column1 { 
  width:65%; 
  display: inline-block; 
  vertical-align: top; 
}
.our-acharya-column2 { 
  width:30%; 
  float: right; 
  display: inline-block; 
  vertical-align: top; 
  margin:10px;
}

/* (Bhavnagar all) Events Page  */

    .activity_ctnt{
        background-color: #fff;
        max-height: 600px;
        overflow: hidden;
        overflow-y:scroll;
        height: auto;
        width: 97%;
        border-color: #d8d8d8;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        
    }
    .activity_box {
        margin-bottom: 20px;
    }
    .subsite-events, .global-events{

      background-color:#fff; 
      padding-top:10px;
      padding-right:10px;
      padding-left:10px;
    }
    .subsite-allevents-tab
    {
      width:99%; 
      min-height:195px;
    }
    .lats-new h3 a
    {
      text-decoration:none;
      color:#004B88;
      font-weight:bold;
    }
    .event-dates  p{

      color: #ff7a1e;
    }

/* Gallery (custom) Page */

    
    .subsite-gallery-month{
      margin-top: 30px; 
      color: #ff7a1e; 
      padding-left: 13px; 
      display: inline-block; 
      width:30%;
    }
    .subsite-gallery-counter{
      margin-top: 30px; 
      color: #ff7a1e; 
      text-align: right; 
      display: inline-block; 
      width:50%;
    }
    #subsite-gallery-paging{
      text-align: center; 
      margin-top: -10px; 
      margin-bottom: 30px;
    }
   .wp-easy-gallery img{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width:250px;
     /*max-height: 140px;*/
    }
    .action_inside {
     display: -webkit-flex;
     display: flex;
     justify-content:center;
     background: #FFF; 
     text-align: center; 
     border: 1px solid #d3ced2; 
     padding: 5px; 

   }
    .action_box { 
      background: #d3ced2;
    }

  #snap-image { 
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    background: #fff; 
    border: 1px solid #aaa;
  }

   #snap-balvihar-image { 
    display:flex;
    display:-webkit-flex;
    justify-content:center;
   text-align: center; 
   background: #fff; 
   padding-top: 5px;
   border: 1px solid #AAA;
   overflow: hidden; 
 }

  .subsite-gallery-image {
      width: 32%; 
      display: inline-block; 
      vertical-align: top; 
      background-image:url('/wp-content/uploads/2013/07/gallery.png'); 
      background-repeat: no-repeat; height: 345px; font-size: 14px; 
    }
    .subsite-gallery-image p { 
      width: 245px; 
      padding-left: 13px; 
      line-height: 100%;
      text-align: justify; 
    }

    .subsite-gallery-div{
      width: 260px; 
      height: 160px; 
      padding: 10px;
    }

    .pagilinks a {
      font-weight: bold;
    }

    /* Kids youth, adults, general, activities pages */

    .left_article { 
      width:27%;
      float: left;
      margin-left:27px;
      margin-bottom: 15px;
      background-color: #FFFFFF;
    }
    .left_article h3 {
      color:#FFFFFF;
      padding-left:10px;
      padding-top:20px; 
      padding-bottom: 20px;
    }
    .left_article_custom { 
      width:25%;
      float: left;
     
      margin-bottom: 15px;
      background-color: #FFFFFF;
    }
    .left_article_custom h3 {
      color:#FFFFFF;
      padding-left:10px;
      padding-top:20px; 
      padding-bottom: 20px;
    }

    .arrow_box { 
      position: relative; 
      background: #3195A5; 
      border: 1px solid #3195A5; 
      color:#FFFFFF !important;
      
      height: 51px; padding-top: 9px; 
      padding-left: 0px;
    }
    .arrow_box h3{
      margin:0;
      position: absolute;
      top:50%;
      transform:translate(0,-50%);
    }
    .arrow_box:after, .arrow_box:before { 
      left: 100%; 
      border: solid transparent; 
      content: " "; 
      height: 0; 
      width: 0; 
      position: absolute; 
      pointer-events: none; 
    } 
    .arrow_box:after { 
      border-color: rgba(205, 205, 205, 0); 
      border-left-color: #3195A5; 
      border-width: 30px; 
      top: 50%; 
      margin-top: -30px; 
    } 
    .arrow_box:before { 
      border-color: rgba(205, 205, 205, 0); 
      border-left-color: #3195A5; 
      border-width: 31px; 
      top: 50%; 
      margin-top: -31px; 
    }

    .arrow_active { 
      position: relative; 
      background: #CDCDCD; 
      border: 2px solid #CDCDCD;  
      border-radius: 2px; 
      padding: 4px;
      margin-top: 1px !important;
    } 
    .arrow_active:after, .arrow_active:before { 
      top: 100%; 
      border: solid transparent; 
      content: " "; 
      height: 0; 
      width: 0; 
      position: absolute; 
      pointer-events: none; 
    } 
    .arrow_active:after { 
      border-color: rgba(205, 205, 205, 0); 
      border-top-color: #CDCDCD; 
      border-width: 12px; 
      left: 50%; 
      margin-left: -12px; 
    } 
    .arrow_active:before { 
      border-color: rgba(205, 205, 205, 0); 
      border-top-color: #CDCDCD; 
      border-width: 13px; 
      left: 50%; 
      margin-left: -13px; 
    }

    .mytree {
      border: 1px solid #ccc; border-bottom: none; 
      /*background: url('images/shadows.png') no-repeat;*/
      background-size: 100%;

    }

    .mytree a{text-decoration:none;
      font-size: 14px; 
      display: inline-block; 
      padding: 6px 10px; 
      line-height:200%; 
      vertical-align: top; 
      text-align: left; 
      border-bottom: 1px solid #E9E3E3;
      width:246px;
      color: #000000;
      cursor: pointer;
    }
    .mytree li{list-style: none;}



    .mytree_custom {
      border: 1px solid #ccc; border-bottom: none; 
      background: url('images/shadows.png') no-repeat;
      background-size: 100%;

    }

    .mytree_custom a{text-decoration:none;
      font-size: 14px; 
      display: inline-block; 
      padding: 6px 10px; 
      line-height:200%; 
      vertical-align: top; 
      text-align: left; 
      border-bottom: 1px solid #E9E3E3;
      width:202px;
      color: #000000;
    }
    .mytree_custom li{list-style: none;}


    #subsite-mytree{
       height:736px;
       overflow-y:auto;
       overflow-x:hidden;
       font-size:14px;
       font-weight: bold;
    }

    #subsite-right-article{
      height:800px;
      overflow:auto;
      font:inherit;
    }
    #subsite-right-content{
     padding-left:20px;
     width:580px;
     text-align: justify;
    }

    #subsite-cat-name h2{
      
      /*padding-top:20px;*/
      padding-left:10px;
    }



    .subsite-go-back{
      float:right; 
      position:relative; 
      top:-40px;font-size:12px;
      font-weight:bold; 
      padding-right:5px
    }

    .membership-content{

      margin:40px 0px; 
      padding:10px;
      text-align:justify; 
      font-family: inherit;
      font-size:inherit;
       font-style: inherit;
       line-height: inherit;
    }
    .membership-wrapper{
      
      background-color:#FFFFFF; 
      margin:0px 20px;
    }
   /* ^ss^ Announcement box change as required*/

/* live page button */
input.watch_live {
    color: white;
    background-color: #145782;
    border-radius: 14.5px;
    cursor: pointer;
}

/*components */
/* widget background for home page widgets */
.widget-background{padding:0px 5px;}

/* centre activities component */
.mission-third-row .centreactivities-know_more a,h4 {color: #FFFFFF !important }
.centreactivities-fdw-background{background-color:#7A5238;height:174px; line-height:20px;padding-left:10px;padding-top:10px;}

/* centre intro component */
.centreintro-social {background-color:#FFFFFF;}
.centreintro-social-feed{width:35%; display: inline-block; vertical-align:top; }
.centreintro-wrapper1 {margin-left: 0px;}

/* NCR centres component */
.NCR-Centres-dropdown{width:30%; display: inline-block;}

/* contact us component */
.contactus-component {width:32%; display: inline-block; vertical-align: top;}
.contactus-ourcenter-data { border: 0;font-family: inherit;font-size: 14px;font-style: inherit; font-weight: normal; margin: 0;outline: 0;padding: 0; vertical-align: top;}
 .right_article_custom{ 
  width: 70%; 
  margin-left: 40px; 
  float: left; 
  margin-left: 40px; 
  font-size: 14px; 
  border: 1px solid;
  border-color: #CFCFD1;
  border-bottom: none;
  background-color: #FFFFFF;
}

/*  Contact form css */

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 228px;
}


.form-group2 {
    float: right;
    padding-top: -30px;
    margin-top: -64px;
    padding-right: 380px;
    width: 306px;
}
.form {
    margin-left: 51px;
    padding-top: 22px;
}
h3.form {
    padding-top: 10px;
    background-color: gainsboro;
    margin-left: 1px;
    margin-right: 66px;
    margin-bottom: 19px;
    font-size: 19px;
    color: black;
}

h3.form1 {
    padding-top: 10px;
    background-color: gainsboro;
    margin-left: 1px;
    margin-right: 66px;
    margin-bottom: 19px;
    font-size: 19px;
    color: black;
    margin-top: 15px;
}

.form-group3 {
    width: 352px;
    padding-top: 7px;
}

.form-group4 {
    float: right;
    margin-right: 334px;
    margin-top: -54px;
    width: 352px;
}
.form-group5 {
    width: 553px;
    padding-top: 10px;
}
.form-group6 {
    float: right;
    margin-top: -51px;
    padding-right: 342px;
    width: 287px;
}
.form-group7 {
    width: 957px;
    padding-top: 10px;
}
.form-group8 {
    width: 226px;
    padding-top: 13px;
}


.form-group10 {
    padding-top: 10px;
    width: 299px;
}
.form-group11 {
    float: right;
    margin-top: -56px;
    margin-right: 286px;
}
.form-group12 {
    padding-top: 11px;
    width: 738px;
}
/*.form-group13 {
    padding-top: 10px;
    width: 737px;
}*/
p.form.send {
    padding-top: 15px;
}
input.wpcf7-form-control.wpcf7-submit {
    color: white;
    background-color: #145782;
    border-radius: 14.5px;
    padding: 10px 27px;
    cursor: pointer;
}
input[type="text"]
{
    height: 19px;
}
p.contact.fr {
    padding-bottom: 6px;
    margin-left: 13px;
    padding-top: -3px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65);
    width: 50%;
    font-size: 18px;
    border-top-color: rgba(0, 0, 0, 0.45);
    /*border-radius: 14.5px;*/
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 254px;
    height: 27px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 250px;
}

.col-L-sm {
    margin-top: -6px;
    width: 360px;
}

.col-R-sm {
    margin-top: -4px;
 }

.col-L-med {
    margin-top: -4px;
    width: 460px;
}

.col-large {
    width: 1040px;
}

.form-group-L {
    width: 308px;
    padding-bottom: 9px;
}
.form-group-R {
    padding-left: 290px;
    margin-top: -61px;
    width: 474px;
}
label {
    font-weight: bold;
}